import React, { Fragment, useEffect, useState } from 'react';
import EvaluateItem, { IEvaluateItemProps } from '../../../component/EvaluateItem';

export default function Attention() {
    const [data, setData] = useState<IEvaluateItemProps[]>([]);

    useEffect(() => {
        setData([
            {
                title: '华中科技大学 | 计算机科学与技术专业 | 计算机网络',
                content:
                    '计算机网络是指将地理位置不同的具有独立功能的多台计算机及其外部设备，通过通信线路连接起来，在网络操作系统，网络管理软件及网络通信协议的管理和协调下，实现资源共享和信息传递的计算机系统。',
                score: 10,
                key: '1',
            },
            {
                title: '清华大学 | 计算机科学与技术专业 | 操作系统',
                content:
                    'AIX是Advanced Interactive eXecutive的简称，它是IBM 公司的UNIX操作系统，整个系统的设计从网络、主机硬件系统，到操作系统完全遵守开放系统的原则. RS/6000 采用IBM 的UNIX操作系统-AIX作为其操作系统.这是一个操作系统界最成功，应用领域最广，最开放的第二代的UNIX系',
                score: 9,
                key: '2',
            },
            {
                title: '华中科技大学 | 计算机科学与技术专业 | 计算机网络',
                content:
                    '计算机网络是指将地理位置不同的具有独立功能的多台计算机及其外部设备，通过通信线路连接起来，在网络操作系统，网络管理软件及网络通信协议的管理和协调下，实现资源共享和信息传递的计算机系统。',
                score: 10,
                key: '3',
            },
            {
                title: '清华大学 | 计算机科学与技术专业 | 操作系统',
                content:
                    'AIX是Advanced Interactive eXecutive的简称，它是IBM 公司的UNIX操作系统，整个系统的设计从网络、主机硬件系统，到操作系统完全遵守开放系统的原则. RS/6000 采用IBM 的UNIX操作系统-AIX作为其操作系统.这是一个操作系统界最成功，应用领域最广，最开放的第二代的UNIX系',
                score: 9,
                key: '4',
            },
        ]);
    }, []);

    return (
        <div>
            {data.map((item) => (
                <Fragment key={item.key}>
                    <EvaluateItem title={item.title} content={item.content} score={item.score} />
                </Fragment>
            ))}
        </div>
    );
}
